<template>
  <div class="terms-container">
    <div class="terms-content">
      <van-nav-bar
          title="服务条款"
          left-text="返回"
          left-arrow
          @click-left="goBack"
      />

      <div class="terms-main">
        <h1>盒游纪服务条款</h1>

        <p class="effective-date">生效日期：2025年9月23日</p>

        <van-collapse v-model="activeNames">
          <van-collapse-item title="1. 引言" name="1">
            <p>欢迎使用盒游纪（以下简称"本服务"或"我们"）。本服务条款（以下简称"条款"）是您（以下简称"用户"或"您"）与盒游纪之间的协议，适用于您对盒游纪平台的所有使用行为。</p>
            <p>本条款适用于盒游纪提供的所有服务，包括但不限于网页端、移动端应用及其他相关服务。</p>
          </van-collapse-item>

          <van-collapse-item title="2. 服务说明" name="2">
            <p>盒游纪是一个专注于游戏内容分享、交流和发现的社区平台。用户可以在平台上：</p>
            <ul>
              <li>发布游戏相关内容，包括但不限于游戏评测、攻略、心得等</li>
              <li>关注其他用户，获取个性化内容推荐</li>
              <li>参与游戏话题讨论</li>
              <li>发现新的游戏和游戏内容</li>
            </ul>
          </van-collapse-item>

          <van-collapse-item title="3. 用户资格" name="3">
            <p>使用本服务的用户必须年满13周岁。如果您未满18周岁，需要在监护人指导下使用本服务。</p>
            <p>用户需提供真实、准确的信息进行注册，并有责任维护账户信息的安全性。</p>
          </van-collapse-item>

          <van-collapse-item title="4. 用户行为规范" name="4">
            <p>用户在使用本服务时，不得：</p>
            <ul>
              <li>发布、上传或传播违法、有害、侮辱性、骚扰性、侵权性、暴力性、色情性或其他不适当的内容</li>
              <li>冒充他人或虚假表示与任何人或实体的关联</li>
              <li>收集或获取他人个人信息，包括但不限于用户名、电子邮箱地址等</li>
              <li>干扰或破坏本服务的正常运行</li>
              <li>从事任何危害网络安全的行为</li>
            </ul>
          </van-collapse-item>

          <van-collapse-item title="5. 知识产权声明" name="5">
            <p>本平台上的所有内容，包括但不限于文字、图片、音频、视频、软件等，均受知识产权法保护，所有权归属于盒游纪或其内容提供者。</p>
            <p>用户在平台上发布的原创内容，其知识产权归用户本人所有，但用户授予盒游纪非独占性的全球许可，以运营、推广和改善服务。</p>
          </van-collapse-item>

          <van-collapse-item title="6. 隐私政策" name="6">
            <p>我们重视您的隐私。请查阅我们的隐私政策以了解我们如何收集、使用和保护您的个人信息。</p>
          </van-collapse-item>

          <van-collapse-item title="7. 免责声明" name="7">
            <p>本服务按"现状"提供，不保证服务的连续性、安全性或无错误。在法律允许的最大范围内，盒游纪不对因使用或无法使用本服务而导致的任何直接或间接损失承担责任。</p>
          </van-collapse-item>

          <van-collapse-item title="8. 条款变更" name="8">
            <p>我们保留随时修改本条款的权利。如有重大变更，我们将在平台上发布通知。继续使用本服务即表示您接受修订后的条款。</p>
          </van-collapse-item>

          <van-collapse-item title="9. 终止服务" name="9">
            <p>我们有权在通知用户后终止或暂停用户的账户访问权限，如果用户违反了本条款。</p>
            <p>用户可以随时停止使用本服务并注销账户。</p>
          </van-collapse-item>

          <van-collapse-item title="10. 联系我们" name="10">
            <p>如您对本条款有任何疑问，请通过以下方式联系我们：</p>
            <p>电子邮箱：support@heyouji.com</p>
          </van-collapse-item>
        </van-collapse>

        <div class="terms-footer">
          <p>感谢您选择盒游纪！</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">import { ref } from 'vue';
import { useRouter, useRoute } from 'vue-router';

const router = useRouter();
const route = useRoute();
const activeNames = ref([]);

const goBack = () => {
  // 检查路由查询参数，确定返回到哪个页面
  const from = route.query.from;
  if (from === 'register') {
    router.push('/register');
  } else {
    // 默认返回登录页面
    router.push('/login');
  }
}
</script>


<style scoped>
.terms-container {
  min-height: 100vh;
  background-color: #f5f7fa;
}

.terms-main {
  padding: 16px;
}

.terms-main h1 {
  text-align: center;
  color: #00bfff;
  margin-bottom: 10px;
  font-size: 24px;
}

.effective-date {
  text-align: center;
  color: #999;
  margin-bottom: 30px;
}

.terms-footer {
  text-align: center;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

:deep(.van-collapse-item__content) {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}

:deep(.van-collapse-item__content ul) {
  padding-left: 20px;
  margin: 10px 0;
}

:deep(.van-collapse-item__content li) {
  margin-bottom: 5px;
}
</style>
